<template>
	<div class="home">
		<HeaderNav class="top"></HeaderNav>
		
		<div class="bottom">
			<keep-alive>
				<router-view></router-view>
			</keep-alive>
		</div>
		
	</div>
</template>

<script>
	export default{
		name:'home',
		components:{
			HeaderNav:(resolve)=>{
				require(['./../headerNav/HeaderNav'],resolve)
			},
		},
		data(){
			return{
				
			}
		},
		mounted(){
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.home{
		width: 100%;height: 100%;padding-top:50px ;box-sizing: border-box;
		.top{
			position: absolute;top: 0;width: 100%;
		}
		.bottom{
			width: 100%;height: 100%;
		}
	}
</style>